<template>
	<view class="popup">
		<up-popup :show="show" mode="center" :closeable="true" :closeOnClickOverlay="true" @close="close" @open="open">
			<view class="content">
				<image class="detail" src="/static/success.png" mode="widthFix" @tap="close" />
			</view>
		</up-popup>
	</view>
</template>

<script setup>
	import {
		reactive,
		ref
	} from "vue";
	import BasicConfig from "@/utils/config";
	const $emit = defineEmits(["update:show", "close"]);
	const $props = defineProps({
		show: {
			type: Boolean,
			default: false,
		},
	});
	const $data = reactive({});

	const close = () => {
		$emit("update:show", false);
	};
	const open = () => {};
</script>
<script>
	// 小程序穿透
	export default {
		options: {
			styleIsolation: "shared"
		},
	};
</script>
<style lang="scss" scoped>
	.popup {
		::v-deep .u-popup__content {
			// height: 30vh;
			background: rgba($color: #000000, $alpha: 0);
		}

		.content {
			background: rgba($color: #000000, $alpha: 0);
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			position: relative;

			.detail {
				//   width: 60vw;
				position: relative;
			}

			.go {
				width: 80vw;
				position: relative;
				top: -10vh;
			}
		}
	}
</style>